@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/

.Pendin_evaluation_web{
    @include web; 
    //  头部引入
    //主体 
    section{  
        @include midContent;
        //订单信息 
        .Order_information{
            width: 100%;
            margin: 0 auto;
            font-size: 0;
//          margin-left: r(20);
            margin-top: r(30);
            padding-bottom: r(27);
            border-bottom:1px solid #f1f1f1;
            &>ul {
                width: 100%;
                &>li {
                    width: 24.7%;
                    height: r(117);
                    background: #f8f8f8;
                    text-align: center;
                    padding-bottom: r(10);
                    display: inline-block;
                    vertical-align: top;
                    margin-right: r(2);
                    >a {
                        >div {
                            margin-top: r(20);
                            width: r(30);
                            height: r(49);
                            display: inline-block;
                            img {
                                width: 100%;
                            }
                        }
                        &>p {
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(10);
                        }
                    }
                }
                &>li:nth-child(2) {
                    &>a {
                        &>div {
                            margin-top: r(25);
                            width: r(48);
                            height: r(45);
                        }
                    }
                }
                &>li:nth-child(3) {
                    &>a {
                        &>div {
                            margin-top: r(15);
                            width: r(39);
                            height: r(55);
                        }
                    }
                }
                &>li:nth-child(4) {
                    &>a {
                        &>div {
                            margin-top: r(28);
                            width: r(45);
                            height: r(42);
                        }
                    }
                }
            }
        }
        //待评价
        .section_content{
            
            .order_for_goods{
                width: 100%;
//              margin-left: r(20);
                margin-top: r(35);
                margin-bottom: r(20);
                overflow: hidden;
                .goods_top{
                    overflow: hidden;
                    margin-top: r(20);
                    .order_number{
                        display: inline-block;
                        p{
                            color: #d69782;
                            font-size: r(20+8);
                        }
                    }
                }
                .order_goods{
                    margin-top: r(15);
                    width: 100%;
                    background: #f6f6f6;
                    overflow: hidden;
                    .order_goods_left{
                        vertical-align: top;
                        display: inline-block;
                        &>div{
                            margin:r(14) r(32) r(19) r(20) ;
                            width: r(143);
                            height: r(143);
                            @include aImg;
                        }
                    }
                    .order_goods_right{
                        width: r(470);
                        overflow: hidden;
                        display: inline-block;
                        position: relative;
                        .goods_right_top{
                            width: r(350);
                            margin-top: r(15);
                            p{
                                color: #7c7c7c;
                                margin-top: r(10);
                                font-size: r(19+8);
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                        .Payment_already{
                            position: absolute;
                            top: r(30);
                            right: r(0);
                            p{
                                color: 666666;
                                font-size: r(18+8);
                            }
                        }
                        .goods_right_bottom{
                            margin-top: r(-55);
                            text-align: right;
                            p{
                                color: #535353;
                                font-size: r(20+8);
                            }
                            span{
                                color: #a5a5a5;
                                font-size: r(20+8);
                            }
                        }
                    }
                }
                //按钮
                .place_order_right{
                    margin-top: r(20);
                    &>div{
                        vertical-align: top;
                        float: right;
                        display: inline-block;
//                      width: r(145);
//                      height: r(50);
                        padding: r(5) r(15);
                        line-height: r(50);
                        background: #e39d88;
                        text-align: center;
                        margin-left: r(20);
                        a{
                            display: block;
                            color: #fff;
                            font-size: r(19+8);
                        }
                        a:hover{
                            background: #fff;
                            opacity: .4;
                            color: #000;
                        }
                    }
                }
            }
        }
    }
    
  //  尾部样式引入
}
